<!-- 组件 置顶 -->
<template>
	<view class="Istop" v-show="toTopShow">
		<u-icon name="arrow-upward" class="Istop-icon" @click="scrollTo">
	</u-icon></view>
</template>

<script>
export default {
	name: 'xrzp-Istop',
	props: {
		goTop:Function,
		toTopShow:false
	},
	methods: {
		// 回到顶部
		scrollTo() {
			this.goTop()
		},
	}
};
</script>

<style lang="scss" scoped>
.Istop {
	position: fixed;
	right: 24rpx;
	bottom: 160rpx;
	width: 60rpx;
	height: 60rpx;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 2rpx 40rpx 0 rgba(0, 0, 0, 0.1), inset 0 -2rpx 0 0 rgba(0, 0, 0, 0.1);
	&-icon {
		position: absolute;
		top: 14rpx;
		left: 14rpx;
		font-size: 42rpx;
		line-height: 60rpx;
	}
}
</style>
